.select_box {
    position: relative;
    padding: 0 20px;
    border: 1px solid rgb(5, 102, 157);
    min-width: 100px;

    :global {
        .show-box {
            cursor: pointer;
            align-items: center;
            width: 100%;
            display: flex;
            justify-content: space-between;

            .show-value {
                padding: 0 6px;
            }

            .show-icon {

                display: inline-block;
                transform: rotate(180deg);
            }


            &:hover {
                color: #c2c2c2;
            }
        }

        .list {
            width: 100%;
            display: none;
            position: absolute;
            // background-color: orange;
            background-color: rgba(15, 15, 15, 0.996);
            max-height: 200px;
            overflow-y: auto;
            z-index: 999;
            left: 0;


            .li {
                width: 100%;
                padding: 4px 4px;
                cursor: pointer;
                display: flex;
                align-items: center;

                &:hover {
                    background-color: rgba(13, 197, 218, 0.534);
                }
            }
        }


    }
}